<template>
  <div class="sidebar" id="sidebar">
    <div class="sidebar-inner slimscroll">
      <div id="sidebar-menu" class="sidebar-menu">
        <ul>
          <li class="menu-title" style="margin-right: 160px">作业</li>
          <li>
            <a href=""><i class="fa fa-book"></i> <span>未截止作业</span></a>
          </li>

          <li>
            <a href=""><i class="fa fa fa-check"></i> <span>已提交作业</span></a>
          </li>

          <li class="menu-title" style="margin-right: 160px">实验</li>
          <li>
            <a href=""><i class="fa fa-calendar"></i> <span>查看实验</span></a>
          </li>
          <li class="menu-title" style="margin-right: 160px">考试</li>
          <li>
            <a href=""><i class="fa fa-pencil"></i> <span>查看考试</span></a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>


<script>
  import '../assets/js/jquery-3.2.1.min'
  import '../assets/js/popper.min'
  import '../assets/js/bootstrap.min'

  export default {
    name: "SideBar"
}
</script>


<style scoped src="../assets/css/bootstrap.min.css"></style>
<style scoped src="../assets/css/font-awesome.min.css"></style>
<style scoped src="../assets/css/style.css"></style>

<style scoped>

</style>